<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>我的订单</title>
    <script src="../js/jquery-2.1.4.min.js"></script>
    <script src="../js/mui.min.js"></script>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/cw.css"/>
    <script src="../js/global.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" charset="UTF-8">
      	mui.init();
    </script>
    <style type="text/css">
   .mui-segmented-control.mui-segmented-control-inverted{background:white;}
   .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color:#000;border-bottom: 1px solid #8dc21f;}
 
    </style> 
</head>
<body>
	<header id="header" class="mui-bar mui-bar-nav">
		<i class="mui-icon mui-icon-back mui-action-back"></i>
		<h1 class="mui-title ">我的订单</h1>
	</header> 
	<div id="content" class="mui-content"></div>	
	<div id="segmentedControl" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-primary">
		<a class="mui-control-item mui-active" href="#item1">
			待接单
		</a>
		<a class="mui-control-item" href="#item2">
			待确认
		</a>
		<a class="mui-control-item" href="#item3">
			已完成
		</a>
	</div>			
	<div id="item1" class="mui-control-content mui-active">
		<div class="mui-table-view table-view-cell bbs-ico">
			<div class="overflow-h">
				<i><img src="../images/iconic.png"/></i>
				<div>
					<li>
						<span>张三</span>
						<span class="mui-h6 inquiry-right">待接单</span>
					</li>
					<li class="mui-h6 ">
						<span>03-30</span>
					</li>
				</div>
			</div>
		</div>
		<div class="mui-table-view table-view-cell bbs-ico">
			<div class="overflow-h">
				<i><img src="../images/iconic.png"/></i>
				<div>
					<li>
						<span>张三</span>
						<span class="mui-h6 inquiry-right">待接单</span>
					</li>
					<li class="mui-h6 ">
						<span>03-30</span>  
					</li>
				</div>
			</div>
		</div>
		<div class="mui-table-view table-view-cell bbs-ico">
			<div class="overflow-h">
				<i><img src="../images/iconic.png"/></i>
				<div>
					<li>
						<span>张三</span>
						<span class="mui-h6 inquiry-right">待接单</span>
					</li>
					<li class="mui-h6 ">
						<span>03-30</span>
					</li>
				</div>
			</div>
		</div>
		<div class="mui-table-view table-view-cell bbs-ico">
			<div class="overflow-h">
				<i><img src="../images/iconic.png"/></i>
				<div>
					<li>
						<span>张三</span>
						<span class="mui-h6 inquiry-right">待接单</span>
					</li>
					<li class="mui-h6 ">
						<span>03-30</span>  
					</li>
				</div>
			</div>
		</div>
		
	</div>
	<div id="item2" class="mui-control-content">
		<div class="mui-table-view table-view-cell bbs-ico">
			<div class="overflow-h">
				<i><img src="../images/iconic.png"/></i>
				<div>
					<li>
						<span>张三</span>
						<span class="mui-h6 inquiry-right">待确认</span>
					</li>
					<li class="mui-h6 ">
						<span>03-30</span>
					</li>
				</div>
			</div>
		</div>
	</div>
	<div id="item3" class="mui-control-content">
		<div class="mui-table-view table-view-cell bbs-ico">
			<div class="overflow-h">
				<i><img src="../images/iconic.png"/></i>
				<div>
					<li>
						<span>张三</span>
						<span class="mui-h6 inquiry-right">已完成</span>
					</li>
					<li class="mui-h6 ">
						<span>03-30</span>
					</li>
				</div>
			</div>
		</div>
		<div class="mui-table-view table-view-cell bbs-ico">
			<div class="overflow-h">
				<i><img src="../images/iconic.png"/></i>
				<div>
					<li>
						<span>张三</span>
						<span class="mui-h6 inquiry-right">已完成</span>
					</li>
					<li class="mui-h6 ">
						<span>03-30</span>
					</li>
				</div>
			</div>
		</div>
		<div class="mui-table-view table-view-cell bbs-ico">
			<div class="overflow-h">
				<i><img src="../images/iconic.png"/></i>
				<div>
					<li>
						<span>张三</span>
						<span class="mui-h6 inquiry-right">已完成</span>
					</li>
					<li class="mui-h6 ">
						<span>03-30</span>
					</li>
				</div>
			</div>
		</div>
	</div>
			
			

</body>

<script type="text/javascript">
	$("#item1 li").on('tap',function(){
		openNewpage('free-information-order-1.html')
	})
	$("#item2 li").on('tap',function(){
		openNewpage('free-information-order-2.html')
	})
	$("#item3 li").on('tap',function(){
		openNewpage('free-information-order-3.html')
	})
</script>
</html>